<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>tcc商城首页</title>
  <link rel="stylesheet" href="../../static-lib/layer303/css/layui.css">
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/bedecked-icons.css">
  <link rel="stylesheet" href="../../css/mall/mall-homepage.css">
</head>

<body>

<div id="app">
  <div class="comheader">
    <div class="comheader-out og-w-per100">
      <div class="comheader-top og-w-1180-center">
        <div class="left">
          <a href="javascript:void(0)">首页</a>
          <span>|</span>
          <a href="javascript:void(0)">登录</a>
          <span>|</span>
          <a href="javascript:void(0)">注册</a>
        </div>
        <div class="right">
          <a href="javascript:void(0)">个人中心</a>
          <span>|</span>
          <a href="javascript:void(0)">关注欧工</a>
          <span>|</span>
          <a href="javascript:void(0)">帮助中心</a>
          <span>|</span>
          <a href="javascript:void(0)">加盟商加入</a>
          <span>|</span>
          <a href="javascript:void(0)">关于欧工</a>
          <span>|</span>
          <a href="javascript:void(0)">全国热线：4000 888 186</a>
        </div>
      </div>
    </div>

    <div class="comheader-middle og-clearfixed og-w-1180-center">
      <img class="logo" src="../../img/mall/logo.png" height="46" width="207"/>

      <div class="search-out">
        <div class="search">
          <div class="tiptext">
            <img class="tip-decorate"src="../../img/mall/search.png" height="20" width="20"/>
            <span class="tip-span">搜索您要的商品</span>
          </div>

          <input class="searchinput" type="text">
          <button class="searchbutton" type="button">搜索</button>
        </div>

        <p class="artical-pickup">
          <a href="javascript:void(0)">床</a><span>|</span><a href="javascript:void(0)">沙发</a>
        </p>
      </div>


      <div class="cart jscart">
        <div class="shoppingcart comshoppingcart">
          <div class="count">98</div>
        </div>
        <button  class="cartbtn jscartbtn" type="button">去购物车结算</button>
        <div class="cart-dropdown og-borderbox jscart-dropdown">
          <h4 class="couttitle">购物车总共99件商品</h4>
          <ul class="cartdrop-content">
            <li class="cdrop-item og-clearfixed">
              <img class="item-left-img " src="../../img/mall/search.png" height="20" width="20"/>
              <div class="item-right">
                <div class="item-r-desc">
                  <div class="desc-title og-nowrap-2">这是春夏卖得最好t-shirt了，现今最流行的款式</div>
                  <div class="desc-spec og-nowrap">10000* 12344* 1000 红色</div>
                </div>
                <div class="item-r-count">
                  <div class="count">100001.22<span>x</span>888</div>
                  <button class="itemdel-btn"type="button">删除商品</button>
                </div>
              </div>
            </li>
            <li class="cdrop-item og-clearfixed">
              <img class="item-left-img og-bdr" src="../../img/mall/search.png" height="20" width="20"/>
              <div class="item-right">
                <div class="item-r-desc">
                  <div class="desc-title og-nowrap-2">这是春夏卖得最好t-shirt了，现今最流行的款式</div>
                  <div class="desc-spec og-nowrap">10000* 12344* 1000 红色</div>
                </div>
                <div class="item-r-count">
                  <div class="count">100001.22<span>x</span>888</div>
                  <button class="itemdel-btn"type="button">删除商品</button>
                </div>
              </div>
            </li>
            <li class="cdrop-item og-clearfixed">
              <img class="item-left-img og-bdr" src="../../img/mall/search.png" height="20" width="20"/>
              <div class="item-right">
                <div class="item-r-desc">
                  <div class="desc-title og-nowrap-2">这是春夏卖得最好t-shirt了，现今最流行的款式</div>
                  <div class="desc-spec og-nowrap">10000* 12344* 1000 红色</div>
                </div>
                <div class="item-r-count">
                  <div class="count">100001.22<span>x</span>888</div>
                  <button class="itemdel-btn"type="button">删除商品</button>
                </div>
              </div>
            </li>
            <li class="cdrop-item og-clearfixed">
              <img class="item-left-img og-bdr" src="../../img/mall/search.png" height="20" width="20"/>
              <div class="item-right">
                <div class="item-r-desc">
                  <div class="desc-title og-nowrap-2">这是春夏卖得最好t-shirt了，现今最流行的款式</div>
                  <div class="desc-spec og-nowrap">10000* 12344* 1000 红色</div>
                </div>
                <div class="item-r-count">
                  <div class="count">100001.22<span>x</span>888</div>
                  <button class="itemdel-btn"type="button">删除商品</button>
                </div>
              </div>
            </li>
            <li class="cdrop-item og-clearfixed">
              <img class="item-left-img og-bdr" src="../../img/mall/search.png" height="20" width="20"/>
              <div class="item-right">
                <div class="item-r-desc">
                  <div class="desc-title og-nowrap-2">这是春夏卖得最好t-shirt了，现今最流行的款式</div>
                  <div class="desc-spec og-nowrap">10000* 12344* 1000 红色</div>
                </div>
                <div class="item-r-count">
                  <div class="count">100001.22<span>x</span>888</div>
                  <button class="itemdel-btn"type="button">删除商品</button>
                </div>
              </div>
            </li>
            <li class="cdrop-item og-clearfixed">
              <img class="item-left-img og-bdr" src="../../img/mall/search.png" height="20" width="20"/>
              <div class="item-right">
                <div class="item-r-desc">
                  <div class="desc-title og-nowrap-2">这是春夏卖得最好t-shirt了，现今最流行的款式</div>
                  <div class="desc-spec og-nowrap">10000* 12344* 1000 红色</div>
                </div>
                <div class="item-r-count">
                  <div class="count">100001.22<span>x</span>888</div>
                  <button class="itemdel-btn"type="button">删除商品</button>
                </div>
              </div>
            </li>

          </ul>
          <div class="cart-total">
            <span class="totalnum og-nowrap">总计：235554.99</span>
            <button class="settlement jssettlement" type="button">去结算</button>
          </div>
        </div>
      </div>
    </div>

    <div class="comheader-bottom og-clearfixed og-w-1180-center">
      <div class="articles-block">
        <div class="articles-block-btn jsarticles-block-btn">全部商品分类</div>
        <ul class="articles-dropdown jsarticles-dropdown">
          <li class="dropdown-section" v-for="category in categories_top">
            <h3 class="title">{{category.name}}</h3>
            <div class="category">
              <template v-for="subcategory in category.children">
                <span class="category-name">{{subcategory.name}}</span><span class="slash">/</span>
              </template>
            </div>

            <div class="articles og-borderbox jsarticles">
              <dl class="art-brand og-clearfixed og-bdg" >
                <dt class="art-title">
                  <span class="">卧室家具</span><div class="comdirection-right"></div></dt>
                <dd class="art-content og-clearfixed ">
                  <span class="all-btn art">全部{{category.children.children}}</span>
                  <!--<span class="art og-nowrap" v-for="thirdcategory in category.children.children">{{thirdcategory.name}}</span>-->
                </dd>
              </dl>
            </div>
          </li>

        </ul>
      </div>

      <div class="nav">
        <a class="nav-item" :href="item.href" v-for="item in nav_top">{{item.name}}</a>
      </div>

      <div class="advertisement">广告图片</div>
    </div>
  </div>
  <!--主体-->
  <div class="main og-w-per100">
    <div class="carousel-block" id="carousel_block">
      <ul class="carousel">
      </ul>

      <div class="previous-btn direction-btn"><</div>
      <div class="next-btn direction-btn">></div>

      <ul class="pagination-btn og-clearfixed">
      </ul>

    </div>

    <div class="ad-banner">
      <div class="og-w-1180-center">
        <a :href="activityImage.href"><img :src="activityImage.url"/></a>
      </div>

      <ul class="btns-opsigenes-robot">
        <li class="ogbtn__opsigenes-robot--designer-1"></li>
        <li class="ogbtn__opsigenes-robot--designer-2"></li>
      </ul>
    </div>

    <div class="og-w-1180-center goods" id="goods">
      <!--推荐商品 -->
      <div class="goods-listing" v-for="(activity,actkey,actindex) in activities[0]">
        <ul class="titles og-clearfixed">
          <li class="decoration-icon"></li>
          <li class="titletxt">{{activity.title}}</li>
        </ul>

        <div class="imgs og-clearfixed">
          <div class="imgs-guidance">
            <img class="guidance-pic-short" :src="activity.image" height="220" width="180"/>
            <img class="moresurprise" src="../../img/mall/more-surprise.png" height="90" width="180"/></div>
            <ul class="imgs-normal og-clearfixed">
              <li v-for="product  in activity.products">
                <img :src="product.image" height="225" width="169"/>
                <p class="img-title og-nowrap">{{product.title}}</p>
                <p class="price og-nowrap"><span class="now-price">{{product.price}}元</span>
                  <del class="orig-price">{{product.marketPrice}}元</del>
                </p>
                <button type="button" class="btn-save">收藏</button>
              </li>
            </ul>

        </div>
      </div>

      <!--品牌家具 --区分数据来选择模板 tcc -->
      <div class="goods-listing jsgoods-show" :data-mallshowid="productShow1.id" data-section="famouseLabel" data-styleid="">
          <ul class="titles og-clearfixed">
            <li class="decoration-icon"></li>
            <li class="titletxt">{{productShow1.title}}</li>
            <li class="btn-links">
              <a href="javascript:void(0)" v-for="ctgry in productShow1.categories" :data-categoryid="ctgry.id" @click.stop="filterProductsByCategory($event)">{{ctgry.name}}</a>
            </li>
          </ul>

        <!--<template v-else>-->
          <!--<ul class="titles og-clearfixed">-->
            <!--<li class="decoration-icon"></li>-->
            <!--<li class="titletxt">{{productShow1.title}}</li>-->
          <!--</ul>-->

          <!--&lt;!&ndash;选风格&ndash;&gt;-->
          <!--<ul class="style-partition jsstyle-partiton og-clearfixed">-->
            <!--<li v-for="item in productShow1.styles" :styleid="item.id" @click="styleReassign($event)">-->
              <!--<h3 class="og-nowrap">{{item.name}}</h3>-->
              <!--<p class="og-nowrap">后台没有返回</p>-->
            <!--</li>-->
          <!--</ul>-->

          <!--&lt;!&ndash;商品分类&ndash;&gt;-->
          <!--<div class="classify-secondary og-clearfixed">-->
            <!--<a href="javascript:void(0)" v-for="ctgry in productShow1.categories" :categoryid="ctgry.id" @click.stop="categoryFilter($event)">{{ctgry.name}}</a>-->
          <!--</div>-->
        <!--</template>-->

        <div class="imgs og-clearfixed">
          <div class="imgs-guidance">
            <img class="guidance-pic-height" :src="productShow1.image"/>
            <img class="moresurprise" src="../../img/mall/more-surprise.png" height="90" width="180"/></div>
          <ul class="imgs-normal og-clearfixed">
            <li v-for="product in productShow1.products">
              <img :src="product.image" height="225" width="169"/>
              <p class="img-title og-nowrap">{{product.title}}</p>
              <p class="price og-nowrap"><span class="now-price">{{product.price}}元</span>
                <del class="orig-price">{{product.marketPrice}}元</del>
              </p>
              <button type="button" class="btn-save">收藏</button>
            </li>
          </ul>
        </div>
      </div>



      <!--风格分区-->
      <div class="goods-listing">
        <template v-if="productShow1.length <= 1">
          <ul class="titles og-clearfixed">
            <li class="decoration-icon"></li>
            <li class="titletxt">{{productShow1.title}}</li>
            <li class="btn-links">
              <a href="javascript:void(0)" v-for="ctgry in productShow1.categories">{{ctgry.name}}</a>
            </li>
          </ul>
        </template>
        <template v-else>
          <ul class="titles og-clearfixed">
            <li class="decoration-icon"></li>
            <li class="titletxt">{{productShow1.title}}</li>
          </ul>

          <!--风格-->
          <ul class="style-partition og-clearfixed">
            <li v-for="item in productShow1.styles">
              <h3 class="og-nowrap">{{item.name}}</h3>
              <p class="og-nowrap">后台没有返回</p>
            </li>

          </ul>

          <!--商品分类-->
          <div class="classify-secondary og-clearfixed">
            <a href="javascript:void(0)" v-for="ctgry in productShow1.categories">{{ctgry.name}}</a>
          </div>
        </template>

        <div class="imgs og-clearfixed">
          <div class="imgs-guidance">
            <img class="guidance-pic-height" :src="productShow1.image"/>
            <img class="moresurprise" src="../../img/mall/more-surprise.png" height="90" width="180"/></div>
          <ul class="imgs-normal og-clearfixed">
            <li v-for="product in productShow1.products">
              <img :src="product.image" height="225" width="169"/>
              <p class="img-title og-nowrap">{{product.title}}</p>
              <p class="price og-nowrap"><span class="now-price">{{product.price}}元</span>
                <del class="orig-price">{{product.marketPrice}}元</del>
              </p>
              <button type="button" class="btn-save">收藏</button>
            </li>
          </ul>

        </div>
      </div>


      <a :href="centerImage.href"><img class="img-advertising" :src="centerImage.url"/></a>

      <!-- 灯饰卫具 -->
      <div class="goods-listing jsgoods-show" :data-mallshowid="productShow3.id" data-section="lamps" data-styleid="">
        <ul class="titles og-clearfixed">
          <li class="decoration-icon"></li>
          <li class="titletxt">{{productShow3.title}}</li>
          <li class="btn-links">
            <a href="javascript:void(0)" v-for="ctgry in productShow3.categories" :data-categoryid="ctgry.id" @click.stop="filterProductsByCategory($event)">{{ctgry.name}}</a>
          </li>
        </ul>

        <div class="imgs og-clearfixed">
          <div class="imgs-guidance">
            <img class="guidance-pic-height" :src="productShow3.image"/>
            <img class="moresurprise" src="../../img/mall/more-surprise.png" height="90" width="180"/></div>
          <ul class="imgs-normal og-clearfixed">
            <li v-for="product in productShow3.products">
              <img :src="product.image" height="225" width="169"/>
              <p class="img-title og-nowrap">{{product.title}}</p>
              <p class="price og-nowrap"><span class="now-price">{{product.price}}元</span>
                <del class="orig-price">{{product.marketPrice}}元</del>
              </p>
              <button type="button" class="btn-save">收藏</button>
            </li>
          </ul>
        </div>
      </div>

      <!--热卖商品 --与推荐商品模板一样-->
      <div class="goods-listing" v-for="(activity,actkey,actindex) in activities[0]">
        <ul class="titles og-clearfixed">
          <li class="decoration-icon"></li>
          <li class="titletxt">{{activity.title}}</li>
        </ul>

        <div class="imgs og-clearfixed">
          <div class="imgs-guidance">
            <img class="guidance-pic-short" :src="activity.image" height="220" width="180"/>
            <img class="moresurprise" src="../../img/mall/more-surprise.png" height="90" width="180"/></div>
          <ul class="imgs-normal og-clearfixed">
            <li v-for="product  in activity.products">
              <img :src="product.image" height="225" width="169"/>
              <p class="img-title og-nowrap">{{product.title}}</p>
              <p class="price og-nowrap"><span class="now-price">{{product.price}}元</span>
                <del class="orig-price">{{product.marketPrice}}元</del>
              </p>
              <button type="button" class="btn-save">收藏</button>
            </li>
          </ul>
        </div>
      </div>

      <img class="img-advertising" src="../../img/mall/热卖商品1.png"/>


      <!--家具饰品-->
      <div class="goods-listing jsgoods-show" :data-mallshowid="productShow4.id" data-section="furnitureDecorations" data-styleid="">
        <ul class="titles og-clearfixed">
          <li class="decoration-icon"></li>
          <li class="titletxt">{{productShow4.title}}</li>
          <li class="btn-links">
            <a href="javascript:void(0)" v-for="ctgry in productShow4.categories" :data-categoryid="ctgry.id" @click.stop="filterProductsByCategory($event)">{{ctgry.name}}</a>
          </li>
        </ul>

        <div class="imgs og-clearfixed">
          <div class="imgs-guidance">
            <img class="guidance-pic-height" :src="productShow4.image"/>
            <img class="moresurprise" src="../../img/mall/more-surprise.png" height="90" width="180"/></div>
          <ul class="imgs-normal og-clearfixed">
            <li v-for="product in productShow4.products">
              <img :src="product.image" height="225" width="169"/>
              <p class="img-title og-nowrap">{{product.title}}</p>
              <p class="price og-nowrap"><span class="now-price">{{product.price}}元</span>
                <del class="orig-price">{{product.marketPrice}}元</del>
              </p>
              <button type="button" class="btn-save">收藏</button>
            </li>
          </ul>
        </div>
      </div>

      <!--<div class="goods-listing">-->
        <!--<ul class="titles og-clearfixed">-->
          <!--<li class="decoration-icon"></li>-->
          <!--<li class="titletxt">家具饰品</li>-->
          <!--<li class="btn-links">-->
            <!--<a href="javascript:void(0)">沙发</a>-->
            <!--<a href="javascript:void(0)">餐桌</a>-->
            <!--<a href="javascript:void(0)">电视柜</a>-->
            <!--<a href="javascript:void(0)">儿童床</a>-->
            <!--<a href="javascript:void(0)">衣帽柜</a>-->
          <!--</li>-->
        <!--</ul>-->
        <!--<div class="imgs og-clearfixed">-->
          <!--<div class="imgs-guidance">-->
            <!--<img class="guidance-pic-height" src="../../img/mall/品牌家具.jpg"/>-->
            <!--<img class="moresurprise" src="../../img/mall/more-surprise.png" height="90" width="180"/></div>-->
          <!--<ul class="imgs-normal og-clearfixed">-->
            <!--<li>-->
              <!--<img src="../../img/mall/推荐商品-normal.jpg" height="225" width="169"/>-->
              <!--<p class="img-title og-nowrap">工业家具设计工业家具设计工业家具设计工业家具设计工业家具设计</p>-->
              <!--<p class="price og-nowrap"><span class="now-price">2345.99元</span>-->
                <!--<del class="orig-price">5000.01元</del>-->
              <!--</p>-->
              <!--<button type="button" class="btn-save">收藏</button>-->
            <!--</li>-->
          <!--</ul>-->
        <!--</div>-->
      <!--</div>-->


      <!--推荐nav btns -->
      <ul class="btn-recommendation" id="btn_recommendation">
        <li>推荐商品</li>
        <li>品牌家具</li>
        <li>风格分区</li>
        <li>灯具卫具</li>
        <li>热卖商品</li>
        <li>家具饰品</li>
      </ul>
    </div>
  </div>

  <div class="comfooter og-w-per100">
    <div class="og-w-per100 servicewrap">
      <ul class="footer-service og-w-1180-center">
        <li class="fservice-li og-clearfixed"><div class="comquality fsicon"></div><div class="fsdesc"><h3>100%质量保证</h3><p>品牌联盟 值得信赖</p></div></li>
        <li class="fservice-li og-clearfixed"><div class="comdiscount fsicon"></div><div class="fsdesc"><h3>平均优惠10个点</h3><p>20000+高性价比商品</p></div></li>
        <li class="fservice-li og-clearfixed"><div class="comcollocation fsicon"></div><div class="fsdesc"><h3>全屋搭配</h3><p>个性家具模型 一键搭配</p></div></li>
      </ul>
    </div>

    <div class="og-w-per100 footer-links-wrap">
      <div class="footer-links og-w-1180-center og-clearfixed">
        <dl>
          <dt>新手指南</dt>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
        </dl>
        <dl>
          <dt>新手指南</dt>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
        </dl>
        <dl>
          <dt>新手指南</dt>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
        </dl>
        <dl>
          <dt>新手指南</dt>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
          <dd><a href="javascript:void(0)">会员注册0</a></dd>
        </dl>

        <dl class="cooperation cooperation1">
          <dt class="cooperation-dt">商务合作</dt>
          <dd class="cooperation-dd comtelephone-dd"><div class="comtelephone"></div><span>4000 888 186</span></dd>
          <dd class="cooperation-dd comqq-dd"><div class="comqq"></div><span class="cooperation-highlight">3448878138</span></dd>
          <dd class="cooperation-dd comlocation-dd"><div class="comlocation"></div><span>广东省东莞市厚街家具大道202号</span></dd>
        </dl>

        <dl class="cooperation cooperation2">
          <dt class="cooperation-dt">欧工应用专区</dt>
          <dd class="cooperation-dd comandroid-dd"><div class="comandroid"></div><span class="cooperation-highlight">安卓APP下载</span></dd>
          <dd class="cooperation-dd comios-dd"><div class="comios"></div><span class="cooperation-highlight">IOS APP下载</span></dd>
          <dd class="cooperation-dd comofficialaccounts-dd"><div class="comofficialaccounts"></div><span class="cooperation-highlight">欧工公众号</span></dd>
        </dl>
      </div>
      <div class="og-w-1180-center">
        <div class="friendlinks">
          <span class="friendlinks-label">友情链接：</span><a href="javascript:void(0)">三维家</a><span>|</span><a href="javascript:void(0)">欧工国际软装</a><span>|</span> <a href="javascript:void(0)">软装大师</a>
        </div>
      </div>
      <div class="copyright">Copyright © 2016 ogmall.com 欧工国际软装 版权所有</div>
    </div>
  </div>

</div>




<script src="../../static-lib/jquery-3.1.1.min.js"></script>
<script src="../../static-lib/vue.js"></script>
<script src="../../static-lib/layer303/layui.all.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/mall/mall-homepage.js"></script>

</body>
</html>
